export default function ChefsPage() {
  return (
    <>
      <section className="products" style={{ flex: 2 }} id="products">
        <h1 className="heading">
          {" "}
          Наши <span>Повара</span>{" "}
        </h1>

        <div className="box-container">
          <div className="box">
            <div className="icons">
              <a href="#" className="fas fa-comment"></a>
              <a href="#" className="fas fa-heart"></a>
              <a href="#" className="fas fa-eye"></a>
            </div>
            <div className="image">
              <img src="/images/chef1.jpg" alt="" />
            </div>
            <div className="content">
              <h3>Сузуки Таникава</h3>
              <div className="stars">
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star-half-alt"></i>
              </div>
            </div>
          </div>

          <div className="box">
            <div className="icons">
              <a href="#" className="fas fa-comment"></a>
              <a href="#" className="fas fa-heart"></a>
              <a href="#" className="fas fa-eye"></a>
            </div>
            <div className="image">
              <img src="/images/chef2.jpg" alt="" />
            </div>
            <div className="content">
              <h3>Джон Уик</h3>
              <div className="stars">
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star-half-alt"></i>
              </div>
            </div>
          </div>

          <div className="box">
            <div className="icons">
              <a href="#" className="fas fa-comment"></a>
              <a href="#" className="fas fa-heart"></a>
              <a href="#" className="fas fa-eye"></a>
            </div>
            <div className="image">
              <img src="/images/chef3.jpg" alt="" />
            </div>
            <div className="content">
              <h3>Олег Кручин</h3>
              <div className="stars">
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star"></i>
                <i className="fas fa-star-half-alt"></i>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}
